<template>
  <div class="recharge over-bg">
    <div class="title text-left text-18 person-bg">
      {{ $t("assets.withdrawMoney") }}
    </div>
    <div class="recharge-box">
      <cash-box :currencyId="currencyId" />
    </div>
  </div>
</template>

<script>
import CashBox from "@/components/personModel/assets/cash.vue";
import { onMounted, ref } from "vue";
import { useStore } from "vuex";
import { useRoute } from "vue-router";
export default {
  name: "Cash",
  components: { CashBox },
  setup() {
    const $store = useStore();
    onMounted(() => {
      $store.dispatch("user/changeSecurity").then(() => {});
    });
    const $route = useRoute();
    const currencyId = ref();
    if ($route.query.id) {
      currencyId.value = Number($route.query.id);
    }
    return {
      currencyId
    };
  }
};
</script>

<style scoped lang="less">
.recharge {
  width: 100%;
}
.title {
  width: 100%;
  height: 65px;
  line-height: 65px;
  padding: 0 30px;
  font-family: PingFang SC;
  font-weight: bold;
  margin-bottom: 1px;
}
</style>
